import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'package:kq_flutter_core_widget/utils/kq_screen_util.dart';
import 'package:kq_flutter_tv_widgets/resources/kq_theme_colors.dart';
import 'package:kq_flutter_tv_widgets/widgets/tip/kq_tip.dart';

import '../../resources/Images.dart';

/// @author 高裕
/// 气泡demo
class TipsDemoPage extends StatelessWidget {
  const TipsDemoPage({super.key});

  @override
  Widget build(BuildContext context) {
    return Scaffold(
        body: CustomScrollView(
          slivers: [
            SliverToBoxAdapter(
              child: Column(
                mainAxisSize: MainAxisSize.min,
                children: [
                  Container(
                    height: 300.r,
                    color: KqThemeColors.bgF5,
                  ),
                  Row(
                    children: [
                      SizedBox(width: 16.r),
                      KqTip(
                        "设备利用率=工作时间/自然时间",
                        child: Image.asset(
                          Images.commonIcZhushi,
                          width: 42.r,
                          height: 42.r,
                        ),
                      ),
                      Expanded(
                        child: KqTip(
                          "设备利用率=工作时间/自然时间",
                          child: Image.asset(
                            Images.commonIcZhushi,
                            width: 42.r,
                            height: 42.r,
                          ),
                        ),
                      ),
                      KqTip(
                        "设备利用率=工作时间/自然时间",
                        tipDirection: TipDirection.bottom,
                        child: Image.asset(
                          Images.commonIcZhushi,
                          width: 42.r,
                          height: 42.r,
                        ),
                      ),
                      SizedBox(width: 16.r),
                    ],
                  ),
                  Container(
                    height: 1200.r,
                    color: KqThemeColors.bgF5,
                  ),
                ],
              ),
            )
          ],
        ));
  }
}
